<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>id97分类页</title>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <!-- 头部 -->
	<header>
		<div class="topHeader">
			<div class="container">
				<span>欢迎来到97电影网-PVideos,我们因电影而相聚</span>
				<span>
					Ctrl+D 加入收藏夹 - <em>保存到桌面</em>
				</span>
			</div>
		</div>
		<div class="container logo">
			<div class="logoPic"></div>
			<div class="searchBox">
				<a href="#"><i class="fa fa-search"></i>搜索</a>
				<input type="text" placeholder="输入电影名称进行搜索">

				<ul>
					<li><a href="#">X特遣队</a></li>
					<li><a href="#">湄公河行动</a></li>
					<li><a href="#">从你的全世界路过</a></li>
					<li><a href="#">变形金刚5</a></li>
					<li><a href="#">迅雷下载</a></li>
				</ul>
			</div>
		</div>
	</header>
	<!-- 导航 -->
	<nav>
		<ul class="container">
			<li><a href="#">首页</a></li>
			<li class="active"><a href="#">电影</a></li>
			<li><a href="#">电视剧</a></li>
			<li><a href="#">豆瓣TOP250</a></li>
			<li><a href="#">最近热门</a></li>
		</ul>
	</nav>

  <section class="container">
    <!-- 筛选内容 -->
    <div class="filter">
      <ul>
        <li>
          <em>年份：</em>
          <ul>
            <li class="factive"><a href="#">全部</a></li>
            <li><a href="#">2017</a></li>
            <li><a href="#">2017</a></li>
            <li><a href="#">2016</a></li>
            <li><a href="#">2015</a></li>
            <li><a href="#">2014</a></li>
            <li><a href="#">2017</a></li>
            <li><a href="#">2015</a></li>
            <li><a href="#">2014</a></li>
            <li><a href="#">2017</a></li>
            <li><a href="#">2017</a></li>
            <li><a href="#">2016</a></li>
            <li><a href="#">2015</a></li>
            <li><a href="#">十年前</a></li>
          </ul>
        </li>
        <li>
          <em>评分排序：</em>
          <ul>
            <li class="factive"><a href="#">全部</a></li>
            <li><a href="#">9~10分</a></li>
            <li><a href="#">8~9分</a></li>
            <li><a href="#">7~8分</a></li>
            <li><a href="#">6~7分</a></li>
            <li><a href="#">5~6分</a></li>
          </ul>
        </li>
        <li>
          <em>国家地区：</em>
          <ul>
            <li class="factive"><a href="#">全部</a></li>
            <li><a href="#">中国</a></li>
            <li><a href="#">美国</a></li>
            <li><a href="#">加拿大</a></li>
            <li><a href="#">印度</a></li>
            <li><a href="#">英国</a></li>
            <li><a href="#">泰国</a></li>
          </ul>
        </li>
        <li>
          <em>影视类型：</em>
          <ul>
            <li class="factive"><a href="#">全部</a></li>
            <li><a href="#">传记</a></li>
            <li><a href="#">剧情</a></li>
            <li><a href="#">喜剧</a></li>
            <li><a href="#">科幻</a></li>
            <li><a href="#">动作</a></li>
            <li><a href="#">魔幻</a></li>
            <li><a href="#">奇幻</a></li>
            <li><a href="#">传记</a></li>
            <li><a href="#">剧情</a></li>
            <li><a href="#">喜剧</a></li>
            <li><a href="#">科幻</a></li>
            <li><a href="#">动作</a></li>
            <li><a href="#">魔幻</a></li>
            <li><a href="#">奇幻</a></li>
            <li><a href="#">传记</a></li>
            <li><a href="#">剧情</a></li>
            <li><a href="#">喜剧</a></li>
            <li><a href="#">科幻</a></li>
            <li><a href="#">动作</a></li>
            <li><a href="#">魔幻</a></li>
            <li><a href="#">奇幻</a></li>
          </ul>
        </li>
      </ul>
    </div>

    <!-- 电影部分 -->
    <ul class="movies">
			<li>
				<ul>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img src="images/wondergirl.jpg" alt="">
						</a>
						<a href="#" class="mname">神奇女侠</a><span>-7.2分</span>
						<div><span>类型：</span><ul>
								<li><a href="#">动作</a></li>
								<li><a href="#">奇幻</a></li>
								<li><a href="#">冒险</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</li>
		</ul>

    <!-- 分页 -->
    <div class="pagination">
      <ul>
        <li class="pactive"><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">6</a></li>
        <li><a href="#">下一页</a></li>
        <li><a href="#">末页</a></li>
      </ul>
    </div>

  </section>


  <footer>
		<ul class="container">
			<li>
				<h3>免责声明</h3>
				<p>本网站所有的电影都是靠程序采集互联网的内容，仅供测试和学习，如侵犯了您的权益，请发邮件联系站长。</p>
				<p>友情链接：<a href="#">迅影网</a><a href="#">miniMP4</a></p>
			</li>
			<li>
				<h3>联系方式</h3>
				<p>邮箱：sid97@163.com</p>
			</li>
			<li>
				<h3>97电影网  VERSION：1.3.11  17ms</h3>
			</li>
		</ul>
	</footer>


  <script src="js/jquery1.42.min.js"></script>
  <script src="js/myjs/category.js"></script>
</body>
</html>
